$(function () {


    function getCategoryList() {
      $.get("/admin/category/list", function (res) {
        const html = template("trTpl", { data: res.data });
        $(".category_table tbody").html(html);
      })
    }
    getCategoryList();
    $("#myModal .btn_opt").click(function () {
      const name = $("input[name='name']").val().trim();
      const slug = $("input[name='slug']").val().trim();
  
      if (!name || !slug) {
        layer.alert("分类名或者分类别名不能为空");
        return;
      }
  
      $.post("/admin/category/add", { name, slug }, function (res) {
        $('#myModal').modal('hide');
        $("input[name='name']").val("")
        $("input[name='slug']").val("")
        getCategoryList();
  
      })
  
    })
    $('.category_table').on('click','.edit' ,function(){
      const obj = $(this).parents('tr').data('obj')
      $("#name").val(obj.name)
      $("#slug").val(obj.slug)
      id = obj.id
    })
    $('#editModal .btn_opt').click(function(){
        const name = $("#name").val().trim();
        const slug = $("#slug").val().trim();
        $.post("/admin/category/edit",{id , name, slug}, function(res){
            $("#editModal").modal("hide")
            getCategoryList();
        })
    })
    $('.category_table').on('click','.delete' ,function(){
        layer.confirm("舍得吗",(index) => {
            const { id } = $(this).parents('tr').data('obj')
            $.post("/admin/category/delete",{ id }, function(res){
                getCategoryList();
                layer.close(index)
            })
        })
       
    })
//     $(".category_table").on("click", ".edit", function () {
//         // 3.1  获取到被点击 那一行的数据  
//         const obj = $(this).parents("tr").data("obj");
//         // 3.2 渲染到 编辑模态框中 ！！   
//         $("#name").val(obj.name);
//         $("#slug").val(obj.slug);
//         id = obj.id;
//       })
    
//       // 4  编辑  保存按钮
//       $("#editModal .btn_opt").click(function () {
//         // 4.1 获取被编辑数据 ｛id,name,slug｝
//         // id ???
//         const name = $("#name").val().trim();
//         const slug = $("#slug").val().trim();
//         // 4.2 发送post请求到后台 完成更新
//         $.post("/admin/category/edit", { id, name, slug }, function (res) {
//           // 4.3 成功之后  关闭模态框
//           $("#editModal").modal("hide");
//           // 4.4 刷新数据 。。
//           getCategoryList();
    
//         })
    
//       })
    
//       // 5 删除按钮
//       $(".category_table").on("click", ".delete", function () {
//         // 5.1 弹出窗口 询问用户
//         // this 当前的按钮 delete   this 指向的问题  this指向谁 看 谁在调用它 ！！！ 
//         // const { id } = $(this).parents("tr").data("obj");
    
//         // const that = this;
    
//         // 箭头函数   
//         layer.confirm("您舍得删除吗?", (index) => {
//           // // this 指向！！！！ 
//           const { id } = $(this).parents("tr").data("obj");
//           $.post("/admin/category/delete", { id }, function (res) {
//             // 5.2 刷新数据
//             getCategoryList();
//             layer.close(index);
//           })
     
//         });
    
//   })
})